怎么在vue | 您所在的位置:网站首页 › 怎么定义vue router的动态路由 › 怎么在vue |
怎么在vue-router中设置nuxt动态路由
发布时间:2021-05-20 16:11:35
来源:亿速云
阅读:100
作者:Leah
栏目:web开发
这篇文章给大家介绍怎么在vue-router中设置nuxt动态路由,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 方法一:router-link {{user.nickname}} 注意: 1---to前面别忘记加一个冒号,作为动态路径,用变量理解 2--正常路由别忘记带引号(本身是字符串) 方法二:函数式路由 1.在listItem设置一个函数go(id),准备跳转到详情页 {{item.moment.content}} {{item.user.nickname}} {{item.moment.like}}2.路径中加个参数即可 go(id) { this.$router.push({ path: '/comments/' + id, }); }为什么要使用VueVue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,Vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。 关于怎么在vue-router中设置nuxt动态路由就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。 免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。 vue router nuxt 上一篇新闻:怎么在Vue中使用eiement动态路由 下一篇新闻:如何恢复MySQL数据库数据![]() 红包可用于(云服务器、高防服务器、裸金属服务器、高防IP、云数据库、CDN加速)购买和续费 猜你喜欢 javascript中元素添加事件的方式有哪些 javascript怎么转化json字符串 javascript中数组去掉空值的方法 javascript怎么进行ascii码转换 javascript怎么改变div背景颜色 javascript怎么查询数组长度 javascript中怎么使用replace方法 javascript中时间戳转换成时间的方法 javascript怎么删除子节点属性 node.js和javascript区别有哪些 |
CopyRight 2018-2019 实验室设备网 版权所有 |